<html lang="en"
      xmlns:th="http://www.thymeleaf.org">
 <head> 
  <meta charset="UTF-8" /> 
  <title>充值 - 个人中心</title> 
  <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1" /> 
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <link th:href="@{/css/bootstrap.min.css}" rel="stylesheet" type="text/css" />
  <link th:href="@{/css/userCenter.css}" rel="stylesheet" type="text/css" />
  <link th:href="@{/css/common.css?v=20170316184648}" rel="stylesheet" type="text/css" />
  <link th:href="@{/css/index.css?v=20170316184648}" rel="stylesheet" type="text/css" />
  <link rel="stylesheet" th:href="@{/layui/css/layui.css}" media="all">
  <script th:src="@{/js/jquery-3.5.1.js}"></script>
  <script th:src="@{/layer/layer.js}"></script>
 </head>
<body>
<div id="app">
    <div class="app-container" data-reactid=".0">
        <div class="layout" data-reactid=".0.0">
            <div class="hContent headerInfo">
                <header th:replace="~{commons::#top}"/>
                <div class="bottom_bar" data-reactid=".0.0.0.1">
                    <span class="before" data-reactid=".0.0.0.1.0"></span>
                    <span class="after" data-reactid=".0.0.0.1.1"></span>
                </div>
            </div>
            <div class="icontainer clearfix" data-reactid=".0.0.0">
                <div class="left-menu" data-reactid=".0.0.0.0">
                    <dl data-reactid=".0.0.0.0.0">
                        <dt data-reactid=".0.0.0.0.0.0">
                            <a th:href="@{/order/list}" data-reactid=".0.0.0.0.0.0.0"><i class="icon-my-order"
                                                                                          data-reactid=".0.0.1.0.0.0.0.0"><img
                                    th:src="@{/images/icon-my-order.png}" data-reactid=".0.0.1.0.0.0.0.0.0"/></i><span
                                    data-reactid=".0.0.1.0.0.0.0.1">我的订单</span></a>
                        </dt>
                    </dl>
                    <dl data-reactid=".0.0.0.0.1">
                        <dt data-reactid=".0.0.0.0.1.0">
                            <div data-reactid=".0.0.0.0.1.0.0">
                                <i class="icon-my-account" data-reactid=".0.0.0.0.1.0.0.0">
                                    <img th:src="@{/images/icon-my-account.png}" data-reactid=".0.0.0.0.1.0.0.0.0"/></i>
                                <span data-reactid=".0.0.0.0.1.0.0.1">我的账户</span>
                            </div>
                        </dt>
                        <dd data-reactid=".0.0.0.0.1.1">
                            <a th:href="@{/user/userAccount}" data-reactid=".0.0.0.0.1.1.0">账户余额</a>
                        </dd>
                        <dd data-reactid=".0.0.0.0.1.2">
                            <a class="active" th:href="@{/user/userPay}" data-reactid=".0.0.0.0.1.2.0">充值</a>
                        </dd>
                        <dd data-reactid=".0.0.0.0.1.3">
                            <a class="" th:href="@{/user/discount}" data-reactid=".0.0.0.0.1.3.0">优惠券</a>
                        </dd>
                        <dd data-reactid=".0.0.1.0.1.4">
                            <a class="" th:href="@{/user/usualInfo}" data-reactid=".0.0.1.0.1.5.0">常用信息</a>
                        </dd>
                        <dd data-reactid=".0.0.1.0.1.5">
                            <a class="" th:href="@{/user/initcost}" data-reactid=".0.0.1.0.1.5.0">消费统计</a>
                        </dd>
                    </dl>
                    <dl data-reactid=".0.0.1.0.3">
                        <dt data-reactid=".0.0.1.0.3.0">
                            <div data-reactid=".0.0.1.0.3.0.0">
                                <i class="icon-settings" data-reactid=".0.0.1.0.3.0.0.0"><img
                                        th:src="@{/images/icon-settings.png}" data-reactid=".0.0.1.0.3.0.0.0.0"/></i>
                                <span data-reactid=".0.0.1.0.3.0.0.1">设置</span>
                            </div>
                        </dt>
                        <dd data-reactid=".0.0.1.0.3.1">
                            <a class="" th:href="@{/user/updatepwd}" data-reactid=".0.0.1.0.3.1.0">修改密码</a>
                        </dd>
                    </dl>
                </div>


                <div class="right-container" data-reactid=".0.0.0.1">
                    <div class="recharge" data-reactid=".0.0.1.1.0">
                        <div class="my-balance" data-reactid=".0.0.1.1.0.0">
                            <span data-reactid=".0.0.1.1.0.0.0">您当前的闪送余额：</span>
                            <span class="my-balance-hl" data-reactid=".0.0.1.1.0.0.1">
                                <span data-reactid=".0.0.1.1.0.0.1.0"><th:block th:text="${money}"></th:block></span>
                                <span data-reactid=".0.0.1.1.0.0.1.1">元</span>
                            </span>
                        </div>
                        <div class="ui-line-bottom ui-mt-15" data-reactid=".0.0.1.1.0.1"></div>
                        <div class="recharge-amount" data-reactid=".0.0.1.1.0.2">
                            <div class="recharge-header" data-reactid=".0.0.1.1.0.2.0">
                                请选择充值金额
                            </div>
                            <script>
                                $(function () {
                                    $("#money").find('div').click(function (e) {
                                        $("#money").find('.active').removeClass('active');
                                        $(e.currentTarget).addClass('active')
                                    })
                                    $("#toPay").click(function () {
                                        $.ajax({
                                            url:'/recharge/'+$("#usid").val()+'/'+$('#money').find('.active').data('id'),
                                            type: "POST",
                                            dataType: "json",
                                            success:function (result) {
                                                if(result.code==806){
                                                    layer.open({
                                                        type: 3,
                                                        content:result.data
                                                    })
                                                }
                                            }
                                        })
                                    })
                                })
                            </script>
                            <div class="recharge-items clearfix" data-reactid=".0.0.1.1.0.2.1" id="money">
                                <div class="recharge-item active" data-id="100">
                                    <span data-reactid=".0.0.1.1.0.2.1.$100.0">100</span>
                                    <span data-reactid=".0.0.1.1.0.2.1.$100.1">元</span>
                                </div>
                                <div class="recharge-item" data-id="200">
                                    <span data-reactid=".0.0.1.1.0.2.1.$200.0">200</span>
                                    <span data-reactid=".0.0.1.1.0.2.1.$200.1">元</span>
                                </div>
                                <div class="recharge-item" data-id="500">
                                    <span data-reactid=".0.0.1.1.0.2.1.$500.0">500</span>
                                    <span data-reactid=".0.0.1.1.0.2.1.$500.1">元</span>
                                </div>
                                <div class="recharge-item" data-id="1000">
                                    <span data-reactid=".0.0.1.1.0.2.1.$1000.0">1000</span>
                                    <span data-reactid=".0.0.1.1.0.2.1.$1000.1">元</span>
                                </div>
                                <div class="recharge-item" data-id="2000">
                                    <span data-reactid=".0.0.1.1.0.2.1.$2000.0">2000</span>
                                    <span data-reactid=".0.0.1.1.0.2.1.$2000.1">元</span>
                                </div>
                            </div>
                        </div>
                        <div class="recharge-amount" data-reactid=".0.0.1.1.0.3">
                            <div class="recharge-header" data-reactid=".0.0.1.1.0.3.0">
                                选择支付方式
                            </div>
                            <div class="recharge-items clearfix" data-reactid=".0.0.1.1.0.3.1">
                                <div class="recharge-item icon-alipay active"
                                     data-reactid=".0.0.1.1.0.3.1.$alipay"></div>
                            </div>
                        </div>
                        <div class="recharge-button-container text-right" data-reactid=".0.0.1.1.0.5">
                            <button class="btn btn-warning" data-reactid=".0.0.1.1.0.5.0" id="toPay">去充值</button>
                        </div>
                        <div class="recharge-help-info" data-reactid=".0.0.1.1.0.6">
                            <div class="recharge-help-info-header" data-reactid=".0.0.1.1.0.6.0">
                                闪送订单在线充值
                            </div>
                            <div class="ui-mt-15 ui-line-bottom" data-reactid=".0.0.1.1.0.6.1"></div>
                            <div class="ui-mt-15" data-reactid=".0.0.1.1.0.6.2">
                                <div class="recharge-help-block" data-reactid=".0.0.1.1.0.6.2.0">
                                    <span data-reactid=".0.0.1.1.0.6.2.0.0">尊敬的用户，2020年09月01号起，</span>
                                    <span class="ui-color-red" data-reactid=".0.0.1.1.0.6.2.0.1">充值用户下单专享以下折扣：</span>
                                </div>
                                <div class="recharge-help-block" data-reactid=".0.0.1.1.0.6.2.1">
                                    <ul class="ui-ul" data-reactid=".0.0.1.1.0.6.2.1.0">
                                        <li data-reactid=".0.0.1.1.0.6.2.1.0.0"><span
                                                data-reactid=".0.0.1.1.0.6.2.1.0.0.0">系统会向不同级别的用户发放不同折扣力度的折扣卡，下单时享受对应的折扣</span>
                                            <ul class="ui-ul" data-reactid=".0.0.1.1.0.6.2.1.0.0.1">
                                                <li data-reactid=".0.0.1.1.0.6.2.1.0.0.1.0">lv4级用户，可享受8.8折优惠</li>
                                                <li data-reactid=".0.0.1.1.0.6.2.1.0.0.1.1">lv3级用户，可享受9.2折优惠</li>
                                                <li data-reactid=".0.0.1.1.0.6.2.1.0.0.1.2">lv2级用户，可享受9.5折优惠</li>
                                            </ul>
                                        </li>
                                        <li data-reactid=".0.0.1.1.0.6.2.1.0.1">您的当前级别可在网站lv按钮处查看</li>
                                        <li data-reactid=".0.0.1.1.0.6.2.1.0.2">使用折扣卡时，只能用您充值的余额支付</li>
                                    </ul>
                                </div>
                                <div class="recharge-help-block" data-reactid=".0.0.1.1.0.6.2.2">
                                    折扣卡在节假日期间不可使用，包括情人节、七夕、母亲节、中秋、圣诞、双十一、双十二、春节
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <footer th:replace="~{commons::#footer}"/>
        </div>
    </div>
</div>


 </body>
</html>